import React from 'react'
import {
  BrowserRouter as Router,
  Route,
  Switch
} from 'react-router-dom'
import About from './About';
import Home from './Home';
import Topics from './Topics';
import NavMenus from './Commons/NavMenus';
import './App.css'
import NotFind from './404';
import Game from './Game';
const App = () => (
  <Router>
    <div>
     <NavMenus/>
      <hr/>
      <Switch>
      <Route exact  path="/" component={Home}/>
      <Route path="/about" component={About}/>
      <Route path="/topics" component={Topics}/>
      <Route path="/game" component={Game}/>
      <Route component={NotFind}/>
      </Switch>
    </div>
  </Router>
)




export default App;